<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="LiveWebServiceAdmin.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>EFMS Administration</title>
    <link href="/Styles/login.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Scripts/jq.js"></script>
    <script type="text/javascript" src="/Scripts/valign.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="mainformdiv">
        <div class="bg2">
            <div id="content">
                <div id="content_format" class="clearfix floatholder">
                    <div>
                        <div class="colontitul" style="vertical-align: middle;">
                            <p>
                                <img alt="Live@EDU" src="Images/liveatedu-logo.png" />
                            </p>
                            <div style="float: right; position: relative; margin-top: -25px; padding-right: 39px">
                                Live@Edu Meta Web-Service Administration
                            </div>
                        </div>
                        <table width="100%">
                            <tr>
                                <td id="firstcol" style="width: 20%">
                                    <asp:Label ID="lblCaptionLogin" runat="server" Text="Login:"></asp:Label>
                                </td>
                                <td id="secondcol" style="width: 80%">
                                    <asp:TextBox ID="tbLogin" runat="server" TextMode="SingleLine" Width="96%"></asp:TextBox>
                                </td>
                                <td id="thirdcol">
                                    <asp:RequiredFieldValidator ID="rfvLogin" EnableClientScript="true" ControlToValidate="tbLogin"
                                        Display="Dynamic" runat="server" ErrorMessage="This field is required." Width="100%"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:Label ID="lblCaptionPassword" runat="server" Text="Password:"></asp:Label>
                                </td>
                                <td>
                                    <asp:TextBox ID="tbPassword" runat="server" TextMode="Password" Width="96%"></asp:TextBox>
                                </td>
                                <td>
                                    <asp:RequiredFieldValidator ID="rfvPassword" EnableClientScript="true" ControlToValidate="tbPassword"
                                        Display="Dynamic" runat="server" ErrorMessage="This field is required." Width="100%"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3" align="center">
                                    <asp:CheckBox ID="cbIsRemeber" runat="server" Text="Save credentials" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3" align="center">
                                    <asp:Label ID="lbMainError" runat="server" Text="" Visible="false" Width="100%"></asp:Label>
                                </td>
                            </tr>
                            <tr id="buttonrow">
                                <td colspan="3" align="center">
                                    <asp:Button ID="btnLogin" runat="server" Text="Login" Width="80px" OnClick="btnLogin_Click" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
        </div>
    </div>
    </form>
    <script type="text/javascript">
        $("#buttonrow").find("input").click(function (event) {
            if ($("#secondcol").find("input").text() == "") {
                $("#firstcol").css("width", "15%");
                $("#secondcol").css("width", "60%");
                $("#thirdcol").css("width", "25%");
            }
            else {
                $("#firstcol").css("width", "20%");
                $("#secondcol").css("width", "80%");
                $("#firstcol").css("width", "");
            }
        });
        var item = $("#thirdcol").find("span").attr("style");

        //$("#divlogin").halign();
        //$("input[type='submit']").halign();
        //var tmp = $(".celldiv").find("input").valign().length;
        //tmp = $(".rowdiv").find("*").valign().length;
        $("#mainformdiv").valign();
        $("#mainformdiv").halign();
    </script>
</body>
</html>
